<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <link href="/static/css/css.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/common.css" rel="stylesheet" type="text/css"/>
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <script src="/static/js/jquery.min.1.8.2.js" type="text/javascript"></script>
    <script src="/static/js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/slider.js"></script>
    <script src="/static/js/common_js.js" type="text/javascript"></script>
    <script src="/static/js/jquery.foucs.js" type="text/javascript"></script>
    <title>产品</title>
</head>
{% extends 'index.html' %}
<body>

<!--顶部样式-->
{% block content %}
    <!---->
    <!--位置-->
    <div class="Bread_crumbs">
        <div class="Inside_pages clearfix">
            <div class="left">当前位置：<a href="#">首页</a>&gt;<a href="#">所有果蔬</a></div>
            <div class="right Search">
                <form>
                    <input name="" type="text" class="Search_Box"/>
                    <input name="" type="button" name="" class="Search_btn"/>
                </form>
            </div>
        </div>
    </div>
    <!--产品-->
    <div class="Inside_pages">
        <!--水果馆-->
        <div class="fruits_Forum">
            <div class="title_style">
                <div class="title_name"><a href="{{ url_for('index.fruit_all') }}"><img
                        src="/static/images/sg_pro_img_12.png"/></a></div>
                <div class="title_info">
                    <p class="title_x_name">[健康水果小知识]</p>
                    <p class="x_info">
                        水果是指多汁且大多数有甜味可直接生吃的植物果实，不但含有丰富的营养且能够帮助消化。水果是对部分可以食用的植物果实和种子的统称。水果有降血压、减缓衰老、减肥瘦身、皮肤保养、
                        明目、降低胆固醇补充维生素等保健作用。</p>
                </div>
                <div class="title_img"><img src="/static/images/sg_pro_img_17.png"/></div>
            </div>
            <div class="list_style">
                <ul class="clearfix">
                    {% for product in fruit_list %}
                        <li class="clearfix">
                            <div class="product_lists clearfix">
                                <a href="/product_detail/{{ product.id }}">
                                    <img src="/static/product_img/{{ product.product_avatar }}" width="225px"
                                         height="315px"/>
                                </a>
                                <p class="title_p_name">{{ product.product_name }}</p>
                                <p class="title_Profile">{{ product.introduce }}</p>
                                <p class="price"><b>￥</b>{{ product.price }}</p>
                                <p class="btn_style">
                                    <a href="/product_detail/{{ product.id }}" class="buy_btn"></a>
                                </p>
                            </div>
                        </li>
                    {% endfor %}
                </ul>
                <div style="height: 30px;width: 200px;text-align: right;font-size: 20px
">查看更多请进入<a href="{{ url_for('index.fruit_all') }}" style="text-align: right">水果专区>>></a></div>
            </div>
        </div>
        <!--蔬菜馆-->
        <div class="vegetables_Forum">
            <div class="title_style">
                <div class="title_name"><a href="{{ url_for('index.vegetable_all') }}"><img
                        src="/static/images/vegetables_img_40.png"/></a></div>
                <div class="title_info">
                    <p class="title_x_name">[健康蔬菜小知识]</p>
                    <p class="x_info">
                        如果蔬菜与其它食物搭配得科学、合理，那么不仅利于营养的摄入，
                        而且能使营养平衡。比如，蔬菜为碱性食物，和猪、羊、牛等动物肉搭配食用，可中和其酸性成分，以维持体内的酸碱平衡；
                    </p>
                </div>
                <div class="title_img"><img src="/static/images/title_p_img_32.png"/></div>
            </div>
            <div class="list_style">
                <ul class="clearfix">
                    {% for product in vegetable_list %}
                        <li class="clearfix">
                            <div class="product_lists clearfix">
                                <a href="/product_detail/{{ product.id }}">
                                    <img src="/static/product_img/{{ product.product_avatar }}" width="225px"
                                         height="315px"/>
                                </a>
                                <p class="title_p_name">{{ product.product_name }}</p>
                                <p class="title_Profile">{{ product.introduce }}</p>
                                <p class="price"><b>￥</b>{{ product.price }}</p>
                                <p class="btn_style"><a href="javascript;('')" class="buy_btn"></a><a
                                        href="javascript;('')"
                                        class="Join_btn"></a>
                                </p>
                            </div>
                        </li>
                    {% endfor %}
                    <div style="height: 30px;width: 200px;text-align: right;font-size: 20px
">查看更多请进入<a href="{{ url_for('index.vegetable_all') }}" style="text-align: right">蔬菜专区>>></a></div>
                </ul>
            </div>
        </div>
    </div>
{% endblock content %}
<!--底部样式-->

</body>
</html>
